/*
 * @Author: your name
 * @Date: 2020-09-07 17:56:38
 * @LastEditTime: 2020-09-08 10:26:22
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: /frontend-spiders/src/Pages/Login/index.ts
 */

import React, { Component } from 'react';
import { Row, Col, Form, Input, Button } from 'antd';
import './index.css'

class Login extends Component {

  const onFinish = values => {
    console.log('Success:', values);
  };

  const onFinishFailed = errorInfo => {
    console.log('Failed:', errorInfo);
  };

  render() {
    return (
      <Row>
        <Col span={6} offset={9}>
          <Form
          name="basic"
          onFinish={onFinish}
          onFinishFailed={onFinishFailed}
        >
          <Form.Item
            label="Username"
            name="username"
            rules={[{ required: true, message: 'Please input your username!' }]}
          >
            <Input />
          </Form.Item>

          <Form.Item
            label="Password"
            name="password"
            rules={[{ required: true, message: 'Please input your password!' }]}
          >
            <Input.Password />
          </Form.Item>
          <Form.Item>
            <Button type="primary" htmlType="submit">
              Submit
            </Button>
            <Button htmlType="button">
              Reset
            </Button>
          </Form.Item>
        </Form>
        </Col>
      </Row>
    );
  }
}

export default Login
